<template>
  <el-container class="sensitiveWord-setting">
    <el-main>
      <el-card shadow="never" class="commercial-tenant-title">
        <el-tabs v-model="tabsName" @tab-click="handleClick">
          <el-tab-pane label="敏感词管理" name="0">
            <SensitiveWordList :key="isShow0" />
          </el-tab-pane>
          <el-tab-pane label="提醒设置" name="1">
            <SensitiveWordSetting :key="isShow1" />
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </el-main>
  </el-container>
</template>

<script>
import SensitiveWordList from './components/sensitiveWordList'
import SensitiveWordSetting from './components/sensitiveWordSetting'

export default {
  components: {
    SensitiveWordList,
    SensitiveWordSetting
  },
  data() {
    return {
      isShow0: 0,
      isShow1: 0,
      tabsName: 0
    }
  },
  mounted() {
  },
  methods: {
    handleClick() {
      if (this.tabsName === '0') {
        this.isShow0++
      } else if (this.tabsName === '1') {
        this.isShow1++
      }
    }
  }
}
</script>

<style lang="scss">
.sensitiveWord-setting {}
</style>
